<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>荣耀品牌大事纪_关于荣耀_华为荣耀品牌-荣耀官网</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/About.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<header id="sj">
<div class="header">
    <div class="header_top">
        <div class="container clearfix">
            <div class="topbar-nav-yw">
                <a href=""><i class="far fa-user"></i><span class="rep"></span>登录<span class="rep">|</span>注册</a>
            </div>
            <div class="topbar-nav">
                <a href="#">华为商城</a>
                <span class="rep"></span>
                <a href="#">花粉俱乐部</a>
                <span class="rep"></span>
                <a href="#">EMUI</a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand logo-bj" href="../index.html"></a>

                <!--<a href="#" class="header_2_1 float-l"><img src="../img/sj11.png" alt=""></a>-->
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse nav_top" id="navbarTogglerDemo02">
                    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                        <li class="nav-item">
                            <a id="dt-nav-btn" class="nav-link" href="#">产品</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">伙伴通</a>
                        </li>
                        <li class="nav-item nav-item-in">
                            <a class="nav-link" href="About.html">关于荣耀</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">新闻测评</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">视频</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">活动</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="service.html">服务支持</a>
                        </li>
                    </ul>
                    <div class="header-search">
                        <form class="form-inline my-lg-0">
                            <input id="ss" type="text" class="header_top_ipt">
                            <button class="header_top_btn"></button>
                            <div class="search-hot-words" id="ts">
                                <a href="">荣耀V20</a>
                                <a href="">荣耀20</a>
                            </div>
                        </form>
                    </div>
                </div>
            </nav>
        </div>
        <div class="header-nav-menu" id="dt-nav-content">
            <div class="container">
                <div id="app" class="clearfix">
                    <dl class="children-list">
                        <dt>
                            <a href="#">
                                手机
                            </a>
                        </dt>
                        <dd V-for="url in meng">
                            <a :href="url.link">{{url.title}}</a>
                        </dd>
                    </dl>
                    <dl class="children-list">
                        <dt>
                            <a href="#">
                                笔记本&平板
                            </a>
                        </dt>
                        <dd V-for="url in meng">
                            <a :href="url.link">{{url.text}}</a>
                        </dd>
                    </dl>
                    <dl class="children-list">
                        <dt>
                            <a href="#">
                                穿戴设备
                            </a>
                        </dt>
                        <dd V-for="url in meng">
                            <a :href="url.link">{{url.texts}}</a>
                        </dd>
                    </dl>
                    <dl class="children-list">
                        <dt>
                            <a href="#">
                                智能家居
                            </a>
                        </dt>
                        <dd V-for="url in meng">
                            <a :href="url.link">{{url.word}}</a>
                        </dd>
                    </dl>
                    <dl class="children-list">
                        <dt>
                            <a href="#">
                                配件
                            </a>
                        </dt>
                        <dd V-for="url in meng">
                            <a :href="url.link">{{url.words}}</a>
                        </dd>
                    </dl>
                    <dl class="children-list last">
                        <dt>
                            <a href="#">
                                荣耀20i
                            </a>
                        </dt>
                        <dd>
                            <a href=""><img src="../img/40.jpg" alt=""></a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>
</header>
<main>
    <div class="main">
        <div class="container">
            <div class="kv-brand">
                <div class="skew-mask"></div>
            </div>
            <div class="brand-nav">
                <a href="#" class="active">大事件</a>
                |
                <a href="#">耀人物</a>
                |
                <a href="#">品牌事件</a>
            </div>
            <div class="brand-content">
                <h3 class="title">荣耀大事件</h3>
                <div class="brand-year color1" id="year2018">
                    <h4 class="brand-year-title">2018</h4>
                    <div class="main-timeline clearfix">
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2018.12.31</div>
                                <div class="figure video-play-btn" data-video-source-mp4="/public/uploads/files/20190222/1550803833247269.mp4">
                                    <img src="../img/a1.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀品牌升级</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2018.12.31
                                </div>
                                <div class="figure">
                                    <img src="../img/a2.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀V20新品发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2018.10.31
                                </div>
                                <div class="figure">
                                    <img src="../img/a3.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀Magic2新品发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2018.09.05
                                </div>
                                <div class="figure">
                                    <img src="../img/a4.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀8X系列新品发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2018.07.31
                                </div>
                                <div class="figure">
                                    <img src="../img/a5.png" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀Noet 10发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2018.07.31
                                </div>
                                <div class="figure">
                                    <img src="../img/a6.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀Play发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2018.04.19
                                </div>
                                <div class="figure">
                                    <img src="../img/a7.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀10发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2018.04.02
                                </div>
                                <div class="figure">
                                    <img src="../img/a8.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀畅玩7A发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2018.03.12
                                </div>
                                <div class="figure">
                                    <img src="../img/a9.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀畅玩7C发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="brand-year color2" id="year2017">
                    <h4 class="brand-year-title">2017</h4>
                    <div class="main-timeline clearfix">
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2017.12.21</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a10.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">2017荣耀周年庆暨 荣耀9青春版产品发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2017.11.28</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a12.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀V10发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2017.10.11
                                </div>
                                <div class="figure">
                                    <img src="../img/a13.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀畅玩7X发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2017.9.6
                                </div>
                                <div class="figure">
                                    <img src="../img/a14.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀V9 play发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">
                                    2017.06.12
                                </div>
                                <div class="figure">
                                    <img src="../img/a15.jpg" alt="">
                                    <div class="mask"></div>
                                </div>
                                <div class="description">
                                    荣耀9发布会
                                </div>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2017.05.23</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a16.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀畅玩手机&家庭产品发布派对</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2017.02.21</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a17.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀V9&荣耀8青春版发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="brand-year color3" id="year2016">
                    <h4 class="brand-year-title">2016</h4>
                    <div class="main-timeline clearfix">
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2016.12.16</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a18.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀Magic发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2016.10.18</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a19.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀畅玩6X发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2016.08.01</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a20.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀NOTE8发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2016.07.11</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a21.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀8发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2016.06.12</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a22.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀畅玩5A发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2016.05.10</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a23.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀V8发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2016.04.28</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a24.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀畅玩5C发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="brand-year color4" id="year2015">
                    <h4 class="brand-year-title">2015</h4>
                    <div class="main-timeline clearfix">
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2015.12.12</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a25.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀两周年庆典</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2015.08.20</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a26.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀7i发布会</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2015.07.21</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a27.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀4A发布</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2015.06.30</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a28.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀7发布</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                        <div class="timeline">
                            <div class="timeline-content">
                                <div class="year">2015.04.28</div>
                                <div class="figure video-play-btn">
                                    <img src="../img/a29.jpg" alt="">
                                    <div class="mask"></div>
                                    <div class="icon-play"></div>
                                    <div class="bar"></div>
                                </div>
                                <p class="description">荣耀畅玩4C发布</p>
                                <div class="icon">
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<ul class="year-line affix" id="d">
    <li id="li1" class="active"><a href="#year2018">2018</a></li>
    <li id="li2"><a href="#year2017">2017</a></li>
    <li id="li3"><a href="#year2016">2016</a></li>
    <li id="li4"><a href="#year2015">2015</a></li>
</ul>

<footer>
    <div class="site-footer">
        <div class="container">
            <div id="aee" class="footer-links clearfix">
                <dl class="col-links">
                    <dt><a href="">关于荣耀</a></dt>
                    <dd v-for="url in meng"><a href="">{{url.text}}</a></dd>
                </dl>
                <dl class="col-links">
                    <dt><a href="">产品</a></dt>
                    <dd v-for="url in meng"><a href="">{{url.text2}}</a></dd>
                </dl>
                <dl class="col-links">
                    <dt><a href="">活动</a></dt>
                    <dd v-for="url in meng" :class="url.class"><a href="">{{url.text3}}</a></dd>
                </dl>
                <dl class="col-links">
                    <dt><a href="">快速链接</a></dt>
                    <dd v-for="url in meng"><a href="">{{url.text4}}</a></dd>
                </dl>
                <dl class="col-links col-contact">
                    <dt>联系我们</dt>
                    <dd>
                        <div class="item">
                            <h6>热线电话: (24小时服务热线)</h6>
                            <p><span class="phone">400-830-8300</span></p>
                            <p><span class="phone">800-830-8300</span>(座机)</p>
                            <p>
                                <a class="custom" href="#">
                                    <i class="icon"></i>
                                    <span>在线客服</span>
                                </a>
                            </p>
                        </div>
                        <div class="item item-email">
                            <h6>客服邮箱：</h6>
                            <p>任何建议和意见都欢迎向我们反馈</p>
                            <p>
                                <a class="custom" href="">
                                    <i class="icon email"></i>
                                    邮件我们
                                </a>
                            </p>
                        </div>
                        <div class="item item-follow">
                            <h6>关注我们</h6>
                            <div class="social">
                                <a href="#"><img src="../img/13.png" alt=""></a>
                                <a id="share-wechat" href="#"><img src="../img/15.png" alt=""></a>
                                <a href="#"><img src="../img/12.png" alt=""></a>
                                <a href="#"><img src="../img/16.png" alt=""></a>
                                <a href="#"><img src="../img/8.png" alt=""></a>
                                <a id="share-tribal" href="#"><img src="../img/14.png" alt=""></a>
                                <a href="#"><img src="../img/17.png" alt=""></a>
                                <div id="wechat"></div>
                                <div id="qq-tribal-code"></div>
                            </div>
                        </div>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <p class="txt">
                <a href="">法律声明</a>
                &nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;
                <a href="">隐私声明</a>
                &nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;
                <a href="">免责条款</a>
                &nbsp;&nbsp;<span>|</span>&nbsp;&nbsp;
                <a href="">关于cookies</a>
            </p>
            <p class="txt">
                Copyright © 2011-2019 华为软件技术有限公司 版权所有 保留一切权利&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="#">
                    <img src="../img/1.png" style="vertical-align: text-top;margin-right:2px;">苏公网安备 32011402010006号
                </a>
                <a href="#">苏ICP备17040376号</a></p>
        </div>
    </div>
    <div class="floating-social-bar" id="floating">
        <a class="btn-ico-duibi" href="#"></a>
        <a class="btn-goTop" id="goTop" href="#"></a>
    </div>
</footer>


<div class="footer">
    <div class="footer_1">
        <div class="footer_1_1">
            <a href="#" class="footer_1_2 float-l border_r_gray">免责条款</a>
            <a href="#" class="footer_1_2 float-l border_r_gray">关于cookies</a>
            <a href="#" class="footer_1_2 float-l border_r_gray">产品广告页通用声明</a>
            <a href="#" class="footer_1_2 float-l">新闻与素材通用声明</a>
        </div>
    </div>
    <p class="footer_2">
        <a href="" style="color: #595757;">隐私声明</a>
    </p>
    <p class="footer_2">
        <a href="" style="color: #337ab7;">Copyright © 2011-2019 华为软件技术有限公司</a>
    </p>
    <p class="footer_2">
        <a href="" style="color: #337ab7;">苏ICP备17040376号</a>
    </p>
    <p class="footer_3">
        <a href="" style="color: #337ab7;"><img src="../img/sj28.png" alt="">苏公网安备 32011402010006号</a>
    </p>
</div>

<div class="footer-sj">
    <a class="float-l position_1" href="#">
        <span class="position_2"><img src="../img/sj19.png" alt=""></span>
        <span class="position_3">手机</span>
    </a>
    <a class="float-l position_1" href="#">
        <span class="position_2"><img src="../img/sj20.png" alt=""></span>
        <span class="position_3">笔记本平板</span>
    </a>
    <a class="float-l position_1" href="#">
        <span class="position_2"><img src="../img/sj21.png" alt=""></span>
        <span class="position_3">穿戴设备</span>
    </a>
    <a class="float-l position_1" href="#">
        <span class="position_2"><img src="../img/sj22.png" alt=""></span>
        <span class="position_3">智能家居</span>
    </a>
    <a class="float-l position_1" href="#">
        <span class="position_2"><img src="../img/sj23.png" alt=""></span>
        <span class="position_3">配件</span>
    </a>
    <a class="float-l position_1" href="#">
        <span class="position_2"><img src="../img/sj24.png" alt=""></span>
        <span class="position_3">找产品</span>
    </a>
</div>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="../js/vue.js"></script>
<script src="../js/axios.min.js"></script>
<script src="../swiper-4.5.0/dist/js/swiper.min.js"></script>
<!--<script src="../js/script.js"></script>-->

<script src="../js/script1.js"></script>
<!--<script src="../js/Top.js"></script>-->

</body>
</html>